<template>
  <div class="about">
     <h3>ABOUT---{{$store.state.lisi.name}}   </h3>
     <h4>
       计算属性（用中括号获取） {{$store.getters["lisi/newName"] }}
     </h4>
      <button @click="changeName">点我修改</button>
    <div>
         <button @click="initAsync" >发起异步</button>
        </div>
  </div>
</template>
<script>


export default {
  name:'Home',
  methods: {
    changeName() {
      this.$store.commit("lisi/CHANGE_NAME")
    },
    initAsync() {
      this.$store.dispatch("lisi/init")
    }
  }
}
</script>
